@extends('template.layout')

@section('resources')
    <script src={{asset('/js/parallax/parallax.min.js')}}></script>
    <title>100%北美外教上课, 原汁原味｜久趣英语</title>
@stop

@section('content')

    <div class="img-bg teacher-bg scroll-point" >
        {{--<img src='../img/course.jpg'/>--}}

        <div class="cover-mask">
            <h1>原汁原味，精选优质北美外教上课</h1>
            <div class="text">
                <div class="m">喜欢孩子  &nbsp 拥有丰富的教学经验</div>
            </div>
        </div>
    </div>

    <div class="page-content">


        <div class="page-section">
            <div class="teacher-feature">
                <div class="item">
                    <div class="pass-icon">

                    </div>

                    <span class="up">1% 考核通过率</span>
                    <span class="down">甄选北美优质师资，经过口音、亲和力、教学能力等层层筛选。 </span>
                </div>

                <div class="item">
                    <div class="trophy-icon">

                    </div>

                    <span class="up">100% 来自美国、加拿大</span>
                    <span class="down">发音纯正、拥有国际视野，带孩子领略另一种文化的魅力。</span>
                </div>

                <div class="item">
                    <div class="number-icon">
                    </div>

                    <span class="up">95+ 家长评分</span>
                    <span class="down">定期培训、考核，获得 95 分以上家长评分，才可留任授课。</span>
                </div>
            </div>
        </div>

        <div class="page-section">
            <div class="header">OUR TEACHER</div>
            <div class="desc">久趣的外教们均来自北美，教学经验丰富，并经过专业严格的考核和上岗培训。善于利用在线课堂进行兴趣式语言教学，通过调动学习的主动性，帮助学生短期突破语言障碍，提高语言水平。</div>

            <div class="slide">
                <div class="slide-left">
                    <div class="arrow-left-icon"></div>
                </div>


                <div class="slide-window">
                    <ul class="teacher-intro slide-list" id="slideList">
                        <li>
                            <div class="intro-brief">
                                <img src = '{{env('CDN_RESOURCE')}}/img/t1.png' />
                                <div class="name">MEGAN</div>
                                <div class="uni"> University of Pittsburgh</div>
                                <div class="year">Years of Teaching 5+</div>
                                <div class="brief">
                                    来自佛罗里达，在公立学校教授美国史和世界史，拥有国际 TESOL 资质。她热情幽默，有耐心，总能让害羞的孩子开口。年轻的她喜欢旅行、沙滩，还有各国美食。
                                </div>
                                {{--<div class="ani-bg">--}}

                                {{--</div>--}}
                            </div>
                        </li>

                        <li>
                            <div class="intro-brief">
                                <img src = '{{env('CDN_RESOURCE')}}/img/t2.png' />
                                <div class="name">Benjamen</div>
                                <div class="uni"> University of California-Berkeley</div>
                                <div class="year">Years of Teaching 5+</div>
                                <div class="brief">
                                    来自德克萨斯，拥有国际 TEFL 证书，教授英语五年，经验丰富，尤其善于用肢体语言和变化丰富的表情使课堂生动饱满，帅气的他在学生中人气颇高。
                                </div>
                                {{--<div class="ani-bg">--}}

                                {{--</div>--}}
                            </div>
                        </li>

                        <li>
                            <div class="intro-brief">
                                <img src = '{{env('CDN_RESOURCE')}}/img/t3.png' />
                                <div class="name">Giorgia</div>
                                <div class="uni"> University of Oxford</div>
                                <div class="year">Years of Teaching 2+</div>
                                <div class="brief">
                                    目前正在修读国际关系学硕士课程。她从 2013 年开始兼职幼儿英语外教，凭借极强的亲和力和高颜值深受孩子们的喜爱。她会说中文，还有一只叫做“亲亲”的可爱的小猫。
                                </div>
                                {{--<div class="ani-bg">--}}

                                {{--</div>--}}
                            </div>
                        </li>

                        <li>
                            <div class="intro-brief">
                                <img src = '{{env('CDN_RESOURCE')}}/img/t4.png' />
                                <div class="name">Ella</div>
                                <div class="uni"> Harvard University</div>
                                <div class="year">Years of Teaching 3+</div>
                                <div class="brief">
                                    生活在洛杉矶，拥有英语文学学士学位，刚刚离开公立学校的她目前在社区儿童中心工作。曾经在北京交换一年，使她对中国有特殊的情感。课堂上，她总是关注着每一个孩子，鼓励、支持他们。
                                </div>
                                {{--<div class="ani-bg">--}}

                                {{--</div>--}}
                            </div>
                        </li>


                        <li>
                            <div class="intro-brief">
                                <img src = '{{env('CDN_RESOURCE')}}/img/t5.png' />
                                <div class="name">Taylor</div>
                                <div class="uni">Princeton University</div>
                                <div class="year">Years of Teaching 3+</div>
                                <div class="brief">
                                    普林斯顿大学语言专业毕业生，热爱中国文化，喜欢中国孩子，作为一个学霸，她在大学里参与多项关于英语学习的学术研究。对教学她也是严谨认真、热情满满。
                                </div>
                                {{--<div class="ani-bg">--}}

                                {{--</div>--}}
                            </div>
                        </li>

                        <li>
                            <div class="intro-brief">
                                <img src = '{{env('CDN_RESOURCE')}}/img/t6.png' />
                                <div class="name">Robert</div>
                                <div class="uni">Massachusetts Institute of Technology</div>
                                <div class="year">Years of Teaching 5+</div>
                                <div class="brief">
                                    生活在纽约，拥有英语学士学位和 TESOL 资质，多年来志愿辅导许多外国人学英语，孩子们的进步和快乐总能让他笑容满面。
                                </div>
                                {{--<div class="ani-bg">--}}

                                {{--</div>--}}
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="slide-right">
                    <div class="arrow-right-icon"></div>
                </div>

            </div>
        </div>
        <div class="page-section">
            <div class="header">
                值得信赖的服务
            </div>

            <div class="desc">
                孩子在久趣的每一堂课，都能收获珍贵的学习体验
            </div>

            <div class="support">
                <div class="item">
                    <div class="assistant-icon"></div>
                    <span class="up">助教团队 360°贴心服务</span>
                    <span class="down">
                        专门的助教团队为家长答疑解惑，并和外教、教学监督保持沟通，及时处理上课遇到的问题，保证教学质量。
                    </span>
                </div>

                <div class="item">
                    <div class="support-icon"></div>
                    <span class="up">技术团队全程保驾护航</span>
                    <span class="down">视频音频清晰流畅、不掉线、无延迟，让孩子在和外教实时互动的过程中体验更佳，高效利用课堂的每一分钟。</span>
                </div>
            </div>
        </div>
    </div>
@stop

@section('script')
    <script type="text/javascript">

        if(window.innerHeight >= 675 ) {
            $('.img-bg').height(window.innerHeight * 0.7);

        }

        $(document).ready(function (fn) {
            $('document').ready(function(){

                var totalSlide = 0;
                var currentSlide = 0;
                $('.slide li').each(function(){
                    var index = $(this).index();
                    $(this).css('left',(index * 280) + (index * 40) );
                    totalSlide++;
                });

                $('.slide-left').click(function() {
                    if(currentSlide >= 1) {
                        currentSlide--;

                        $('#slideList').animate({
                            left: -(currentSlide * 320)
                        }, 300);
                    }
                });

                $('.slide-right').click(function() {
                    if( currentSlide < ( totalSlide - 3)){
                        currentSlide ++;
                        $('#slideList').animate({
                            left: -(currentSlide * 320)
                        },300);
                    }
                });

                $(window).resize(function() {
                    if(window.innerHeight >= 675 ) {
                        $('.img-bg').height(window.innerHeight * 0.7);
                    }
                });
            })
        })
    </script>
@stop